/**
 * 
 * @param {需要监听的DOM} dom 
 */
export const mutationObserve = function(dom) {
  // Firefox和Chrome早期版本中带有前缀
  let MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver
  // 选择目标节点
  let target = document.querySelector(dom);
  // 创建观察者对象
  let observer = new MutationObserver(function(mutations) {  
    mutations.forEach(function(mutation) {
      console.log(mutation);
    })
  }); 
  // 配置观察选项:
  let config = {
    subtree: true, //Boolean - 目标以及目标的后代改变都会观察
    attributes: true, //检测属性变动
    childList: true,  //观察目标子节点的变化，添加或者删除
    characterData: true
  }
  console.log(observer);
  // 传入目标节点和观察选项
  observer.observe(target, config); 
  // 停止观察
  // observer.disconnect();
}